<div class="customerWrap">
    <ion-card class="cardcss">
        <div class="row littlecard">
            <div class="col-span-2 picfont">
                <div style="margin-left: 5px;"><img src={{data.url}} alt=""></div>
            </div>
            <div class="col-span-10 customercss">
                <div class="row">
                    <div class="col-span-5">
                        <span class="namecss" style="font-size: 14px;">{{data.name}}</span>
                        <span class="levercss">lv{{data.lever}}</span>
                    </div>
                    <div class="col-span-6 ion-text-right ion-margin-end">
                        <span class="customertypecss">
                         <a>{{data.belings}}</a>
                        </span>
                        <!-- <ion-button color="dark" size="small" style="margin-top: -10px;">{{data.belings}}</ion-button> -->
                    </div>
                </div>
                <p>
                    <ion-button color="danger" size="small" shape="round" fill="outline">{{data.customertype}}</ion-button>
                    <ion-button color="primary" size="small" shape="round" fill="outline">{{data.levername}}</ion-button>
                    <ion-button color="secondary" size="small" shape="round" fill="outline" *ngIf="data.riskLevel">{{data.riskLevel}}</ion-button>
                    <ion-button color="success" size="small" shape="round" fill="outline" *ngIf="data.option1">{{data.option1}}</ion-button>
                    <ion-button color="tertiary" size="small" shape="round" fill="outline" *ngIf="data.option2">{{data.option2}}</ion-button>
                </p>
            </div>
        </div>
        <p style="font-size: 13px;">最后互动时间:<span class="colorgray">{{data.contactDate}}</span>
            <!-- <span class="morecss">更多></span> -->
        </p>
    </ion-card>
</div>
